/* license

BilugCMS (http://www.bilug.it) - Content Management System for dynamic web sites
Copyright (C) 2005-2008  Federico Villa and Alessio Loro Piana

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

For reference, contact bilugcms@vilnet.it


license */

/* Configurazioni di Base Comuni*/

* {border: 0; margin: 0; padding: 0;}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	font-family : Verdana,Arial,Helvetica;
	font-size : 8pt;
	color : #333;
	overflow:hidden;
}
#bg{
position:absolute;
top:0px;
left:0px;
width: 100%;  height: 100%;
}
#content{
  overflow:auto;
  background:trasparent;
  position:absolute;
  top:0px;
  left:0px;
  width: 100%;  height: 100%;
}
a{
	text-decoration: none;
	color : #000080;	
	font-style:italic;
} 
a:hover{		
	background: #dedee0;
} 

h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-weight: bolder;
	font-size: 8pt;	
	text-align: center;	
}
label
{
	margin: 0;
	padding: 0;
	text-align: justify;
}
p {
	margin: 0;
	padding: 0;	
}

img {
	margin: 0;
	padding: 0;
 	border: 0;
}

ul{	
	margin: 0;
	padding: 0;		
	list-style: none;
	text-align: left;
}

li{	
	margin: 0;
	padding: 0;	
}

form {
	text-align:center;
	background: #ccc;
	padding-top:5px;
}
.Cap{
	text-transform: capitalize;
}
/* Contenuto Max width e Centratura*/
#contenuto {
	width: 990px;
	margin: 15px auto;
}
#contenutoadm {
	width: 990px;
	margin: 0 auto;
}
/* Testa con logo e link Amministrazione*/
#testa{
	background: no-repeat trasparent;
}

#testa #logo{
	width: 990px;
	margin: 0 auto;
}

#testadm{
	background: #bfd9f0;
}

#testadm #logoadm{
	width: 780px;
	margin: 0 auto;
}

/* Area Amministrazione*/
a.area_riservata, a.area_riservata:hover
{
	position:absolute;
	top: 0;
	right: 0;
	color : #fff;
	background: #fff;
}
/*Corpo Della Pagina a 3 COlonne*/

#centrale{
	padding-top: 18px;
	background: #fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	behavior: url(../html/PIE.htc);
}

/* Div di Inizio blocco margine*/ 
.blocco{
	background:#cccccc;
  margin-bottom: 10px;
	height:1%;
	padding-bottom:10px;
}
#textlato{
	background:url(../img/textlato.png);
	color:#333;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
  margin-bottom: 2px;
}
#mail{
  background:url(../img/textlato.png);
	color:#333;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
  margin-bottom: 2px; 
}
#bottomlato{	
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black;
	background: #DDD;
	color:#000;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom: 2px;
}
#bottomlato:hover{
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black inset;
}
/*Lato sinistro menu*/
#centrale #sinistra{
	float:left;
	width: 150px;	
}
#centrale #sinistra img.paypal{
	width: 140px;
}
#centrale #sinistra li{	
	margin: 1px;
	height: 1%;
	color:#333;
}

#centrale #sinistra p
{
	background: #cccccc;	
	margin: 1px;	
}
/* Link sui Menu Sinistro e Destro */
#centrale #sinistra a,#centrale #destra a
{
	display: block;
	background: #cccccc;
	font-weight: bold;		
	font-style: normal;
	border-bottom: 1px solid #333333;
	color:#333;
}
#centrale #sinistra a:hover,#centrale #destra a:hover{	
	display:block;
	color : #fff;
	background:#000080;
	font-weight: bold;	
}
#centrale #sinistra a.skimg,#centrale #destra a.skimg
{
	background:none;
}
#centrale #sinistra a.skimg:hover,#centrale #destra a.skimg:hover		
{	
	background:none;	
}
#centrale #sinistra a.evefl,#centrale #destra a.evefl
{
	
}
#centrale #sinistra a.evefl:hover,#centrale #destra a.evefl:hover		
{	
		
}
#centrale #sinistra input,#centrale #destra input{
	width:142px;
}
#centrale #sinistra input.little,#centrale #destra input.little
{
	width:20px;
}
#centrale #sinistra input.ie,#centrale #destra input.ie
{
	width:12px;
}
#centrale #corpo input.ie
{
	width:12px;
}
/*Lato Centrale News Info e Altro*/
/* Corpo */

#centrale #corpo{
	float:left;
	width: 650px;	
	padding: 0 10px;	
}
#centrale #corpo .contenitore form{
	background: none;	
}
html>body #centrale #corpo{
	width: 670px;
}
/*Gestione Input*/
#centrale input{
	width: 612px;
}
#centrale textarea{
	width: 400px;
}
#centrale input.medio{
	width: 100px;
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black;
	background: #DDD;
	color:#000;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom:5px;
}
#centrale input.medio:hover{
-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black inset;
}
#centrale input.login{
	width: 350px;
	height: 16px;
	background:url(../img/textcentro.png);
	color:#333;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;	
	margin-bottom: 2px;
}
#centrale input.little{
	width: 20px;
}
#centrale input.paypald{
	width: 74px;
}
#centrale input.paypalp{
	width: 72px;
}
#centrale textarea.fotodesc{
	width: 650px;
}
#centrale input.gal{
	width: 150px;
	/*background: #7da2d6;
	color: #000080;
	border-top: 1px solid #fff;	
	border-left: 1px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;*/
}
#centrale input.gal:hover{
	width: 150px;
	background: #000080;
	color: #fff;
	
}
/*Variazione Admin*/
#centrale #corpoadm{	
	padding: 0 10px 10px 10px;	
}
#centrale #corpo p{
	text-align: justify;	
}

#centrale #corpo h5{
	margin-top: 10px;
	text-align: justify;
	font-weight: normal;	
}

#centrale #corpo h4{
	text-align: center;
	font-weight: normal;	
}

#centrale #corpo .sottotitolo{
	padding: 5px;
	text-align: left;
	font-weight: normal;
	background: #ccc;
	margin-bottom: 10px;
	color : #333;	
}

#centrale #corpo h1{	
	height: 25px;
	line-height: 25px;
	background: #000080;	
	color:#fff;
}

#centrale #corpo .sottotitolo h2{	
	text-align: left;
}

#centrale h3{	
	height: 18px;
	background: url(../img/sfumat_h3.png);
	/*background: #000080;*/
	padding-top: 1px;	
	margin-bottom: 5px;
  color:#fff;	
}
#centrale #sinistra h3, #centrale #destra h3{	
	height: 18px;
	background: #cccccc;
	padding-top: 1px;	
	margin-bottom: 5px;
  border-bottom: 1px solid #ffffff;
  color:#fff;
}

#centrale #corpo ul{	
	margin-top: 3px;	
}

#centrale #corpo ul li{	
	margin: 3px 0;
}

.elenco a ,.elenco a:visited, .elenco a:link{
	float: left;
	height: 20px;
	width: 620px;	
	border-bottom: 1px dashed #000080;
  padding-bottom:3px;		
}
.elenco a:hover{
background:#dedee0;
color:#333;
}	
			  
.elenco a,.elenco a:visited, .elenco a:link		
{	
	padding-top: 10px;	
	text-decoration: none;
}
 

.elencoimg , .elencoimg a:hover, .elencoimg a:visited, .elencoimg a:link {
	float: right;
	height: 30px;	
	width: 40px;
	background-color: #fff;
	/*background-color: #dedee0;*/
}

/*Lato Menudi Destra*/
#centrale #destra{
	float:right;
	width: 150px;
}
#centrale #destra img.paypal{
	width: 140px;
}
#centrale #destra li{
	margin: 1px;
	height: 1%;
	color:#333;
}

#centrale #destra p{
	background: #cccccc;
	text-align: center;	
	margin: 1px;	
}
/* Piede */
#piede{
	padding-top: 5px;	
  background: url(../img/piede.png);
	text-align:center;
  margin-top:5px;	
}
#piede a:hover{
  background: none;
	
}
#piede .piedelogo{
	border: 0;
	width: 80px;
	height: 16px;
}
#piede .lucchetto{
	border: 0;
}
/* Piede amministrazione */
#piedeadm{
	padding-top: 5px;	
	background: #e7f3fd;
	text-align:center;
}

#piedeadm .piedelogo{
	border: 0;
	width: 48px;
	height: 16px;
}

/* Sezione Dedicata a pagine*/

/* Pagina Contatti*/
#centrale #contatti ul{
	margin-top: 20px;
}
#centrale #contatti ul li{
	margin: 20px 0;
}
#centrale #contatti ul li ul{
	width: 100%;
	text-align: center;
	margin: 0;
}
#centrale #contatti .sinistra{
	margin-left: 100px; 	
}
#centrale #contatti .destra{
	margin-right: 100px; 	
}

#centrale #email h2{
	margin: 8px 0;
	text-align: right;
}
#centrale #email .sinistra{	
	height: 150px;
	margin-left: 150px;
}
#centrale #email .centro{
	text-align: left;
	margin: 0;	 	
}

#centrale #credits .sinistra{
	width: 300px;
	margin-left: 20px;
}
#centrale #credits .centro{
}
.azzerafloat {
	clear:both;
}
.azzerafloata{
	clear:both;
	border-bottom: 2px solid #7da2d6;
	margin-bottom: 1px;
}

.contenitore{
	text-align:left;
	padding: 10px;
	border-top: 1px dashed #000080;
	border-left: 1px dashed #000080;
	border-bottom: 2px solid #000080;
	border-right: 2px solid #000080;
/*	background: url(../img/contenitore_bottom.gif) right bottom no-repeat scroll;*/
	margin-bottom: 10px;
}

.contenitore h5{
	text-align:left;
}

.contenitore .bordo{
	margin: 5px 0;
	text-align: center;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;
	padding: 10px 0 0 10px;	
}
.contenitore .float20{
	float: left;
	width: 20px;
}
.contenitore .float50{
	float: left;
	width: 50px;
}
.contenitore .float70{
	float: left;
	width: 70px;
}
.contenitore .float100{
	float: left;
	width: 100px;
}
.contenitore .float140{
	float: left;
	width: 140px;
}
.contenitore .float160{
	float: left;
	width: 160px;
}
.contenitore .float200{
	float: left;
	width: 200px;
}
.contenitore .float230{
	float: left;
	width: 230px;
}
.contenitore .float300{
	float: left;
	width: 300px;
}
.contenitore .float400{
	float: left;
	width: 400px;
}
.contenitore .float460{
	float: left;
	width: 460px;
}
.contenitore .float500{
	float: left;
	width: 500px;
}
.contenitore .float615{
	float: left;
	width: 615px;
}
.contenitore .float700{
	float: left;
	width: 700px;
}
.contenitore .float800{
	float: left;
	width: 800px;
}

.contenitore .galleria{
	float: left;
	width: 150px;
	height: 170px;
	padding: 5px 0 0 5px;
	/*border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;*/
	overflow: hidden;
}
.descarg{	
	margin: 2px 15px;
	font-size: 10pt;
	font-style: italic;	
}
.descgal{
	margin: 2px 15px;
	font-size: 10pt;
	font-style: italic;
}
.contenitore .galleria1{
	width: 140px;
	height: 140px;
	text-align: center;
	vertical-align: middle;		
}
.contenitore .galnome{
	text-align: center;
	font-size: .8em;	
}
.evidenzia:hover{
	background: #7da2d6;
}
/*Orientamenti per visualizzazioni tabellari nel corpo*/
.centrato {
	text-align:center;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;	
}
.centro
{
	padding: 10px;	
}
.sinistra{
	float:left;
	padding: 10px;
	width: 150px;
}
.destra{
	float:right;
	padding: 10px;
	width: 150px;
}

ul.tab {	
	list-style:none;	
	 
}

ul.tab li{
	background:url(../img/ingr.png) top left no-repeat;	
	height: 20px;
	padding-top: 2px;	 
	padding-left: 20px;
}

/* classe per grafici*/
.barra {
	background:url(../img/barra.jpg) top right no-repeat;
	width: 100%;
}
.evento{
	background: #e1e1d5;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;
	padding: 5px 0 5px 5px;
}
.appuntamento{
	background: #a4bcbc;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;	
	padding: 5px 0 5px 5px;
}
#newslat {
	display: none;
	list-style-type: none;
	/*border: 1px dashed #fff;*/	
	background: #d3e7ff;
	padding: 3px;
	margin: 0;
	text-align: center;
	height: 150px;
	width: 95%;
	overflow: hidden;
}
#eventlat {
	display: none;
	list-style-type: none;
	/*border: 1px dashed #fff;*/	
	background: #d3e7ff;
	padding: 3px;
	margin: 0;
	text-align: center;
	overflow: hidden;
	width: 95%;
	height: 50px;
}
.versione
{
	position:relative;
	z-index: 0;
	left: -30px;
	top: 1px;
	font-size: 0.7em;
}
.rss{
	float:left;
	height: 32px;
	padding: 10px 12px;
}

div.nascondi
{
	height: 100%;
}

.autore{}
.argomento{}
.random {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-align:center;	
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;	
}
/* Stili per Google*/
#searchcontrol {margin: 10px;}
#searchcontrol .gsc-resultsbox-visible { width: 650px;}
#searchcontrol .gsc-tabsArea { width: 650px; border-bottom: 2px solid #7da2d6;}
#searchcontrol .gsc-input { width: 540px }
#searchcontrol .gsc-search-button { width: 80px }
#searchcontrol .gsc-clear-button {  }
#searchcontrol .gsc-tabhActive { color : #000080; background: #bfd9f0; border-top: 2px solid #7da2d6;}
#searchcontrol .gsc-tabhInactive { }
#searchcontrol .gs-no-results-result .gs-snippet{color : #000080; background: #bfd9f0; border: 2px solid #7da2d6;}
#searchcontrol .gsc-branding{ width: 135px; margin: 0;}


#menumultiplo ul {
   
}

#menumultiplo li {
	margin: 0; 
}
#menumultiplo ul.menum {	    
   padding: 2px 0;
   border-top: 1px solid #7da2d6;	
	border-left: 1px solid #7da2d6;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;  
   background: #bfd9f0; 
}

#menumultiplo li.menum {
   border: none;
   background: #7da2d6;
   margin: 0;
	height: 1%; 
   display: block;
}

#menumultiplo li a {	 
   background: #7da2d6;
	font-weight: bold;		
	font-style: normal;
}
#menumultiplo li a:hover {
   color : #fff;
	background:#bfd9f0;
	font-weight: bold; 
}

#ico {
width: 15px;
height: 15px;
padding: 0px 2px;
}

#navig {
width: 20px;
height: 15px;
padding: 0px 2px;
}

/*menu according verticale*/
#according{
	max-height:400px;
	position:relative;
}
#navigation {
	position: top;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation a.head {
	cursor:pointer;
	display:block;
	margin: 0px;
}

/*argomento mousehover*/
#navigation a.head:hover h3{
	color:#000;
}

/* argomento attivo */
#navigation a.selected {
	color:#000000;
}
#navigation a.selected h3{
	color:#000000;
	background-color:#7da2d6;
}

/* link attivo */
#navigation a.current {
	color:#FFFFFF;
}
#navigation a.current h4{
	color:#FFFFFF;
	background-color:#7da2d6;
}
/*lista*/
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px 10px;
	text-indent:10px;
	line-height: 1px;
	background-color: #bfd9f0;
	max-height:200px;	
}
#navigation li {
	list-style:none outside none; 
	display:inline;
	margin:0px;
	padding:0px;
	line-height: 1px;
}
#navigation li li a {
	display:block;
	text-indent:10px;	
}
/*formattazione argomento*/
#navigation h3{
	height: 18px;
	background: #7da2d6;
	padding-top: 0px;	
	margin: 0px;
	line-height: 18px;
}

/*formatatzione link lista*/
#navigation h4{
	height: 14px;
	background: #bfd9f0;
	padding-top: 5px;	
	margin: 0px;
	text-align: left;
	text-indent:10px;
	line-height: 8px;
}

/* Se si vuole inserire il menu a tendina biosgna commentare il  nav top (tranne l'ultimo) */
/*
#navtop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #7da2d6;
}
#navtop li {
	display: inline;
	padding-left: 2px;
   border-left: 1px solid #000;   
}

#navtop ul.menum {	    
   padding: 5px;
   border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;  
   background: #7da2d6; 
}

#navtop li.menum {
   padding: 0;
   border: none;
   background: #7da2d6;
   display: block; 
   width: 200px;  
}

#navtop a {	 
   background: #7da2d6;
	font-weight: bold;		
	font-style: normal;
}
#navtop a:hover {
   color : #fff;
	background:#bfd9f0;
	font-weight: bold; 
}

/*div per il menu orizzontale => inserire il padding in % per posizionare il menu al centro..o dove si vuole*/
#navtop {  
  width:100%;
  height: 40px;
  background: url(../img/sfondo_menuTop.png) left center repeat-x scroll;
	position:relative;
}
#navtop ul {
    list-style: none;
    text-align:center;
    width: 100%;
    padding-top:10px;
}
#navtop ul li {
	float: left;
}

/* Tendina */

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu a:hover {display:block; color:#fff; text-decoration:underline}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu li.last_link {padding-right:0;margin-right:0;}
ul.menu li.first_link {padding-left:0;margin-left:0;}
ul.menu ul {position:absolute; top:16px; left:0; background:#d1d1d1; display:none; opacity: 0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; width:148px; margin:0 }
ul.menu ul li a {display:block; padding:2px 7px 2px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#000}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border-right:2px solid #fff; padding:2px 7px 2px; font-weight:bold; background:none; width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:none}
ul.menu .sub {background:#d1d1d1}
ul.menu .topline {border-top:1px solid #aaa}


/*Ecommerce*/

/* foto principale */
#ecomprinc{
max-width:290px;
max-height:290px;
width:290px;
}

/*foto facoltative*/
#ecomsec{
max-width:120px;
max-height:120px;
width:120px;
}

/*foto carrello icona*/
#ecomico{
width:40px;
height:30px;
}


a.linkico {
width: 18px;
height: 18px;
float: right;
}
img.linkico {
width: 18px;
height: 18px;
float: right;
}

#carrello{
float: right;
width: 150px;
}
